<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
	<!-- start: Meta -->
	<meta charset="utf-8">
	<title>祥安消防系统</title>
	<meta name="description" content="Bootstrap Metro Dashboard">
	<meta name="author" content="Dennis Ji">
	<meta name="keyword"
		  content="Metro, Metro UI, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
	<!-- end: Meta -->

	<!-- start: Mobile Specific -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- end: Mobile Specific -->

	<!-- start: CSS -->
	<link id="bootstrap-style" href="css/bootstrap.min.css" rel="stylesheet">
	<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
	<link id="base-style" href="css/style.css" rel="stylesheet">
	<link id="base-style-responsive" href="css/style-responsive.css"
		  rel="stylesheet">
	<link
			href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,latin-ext'
			rel='stylesheet' type='text/css'>
	<!-- end: CSS -->


	<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<link id="ie-style" href="css/ie.css" rel="stylesheet">
	<![endif]-->

	<!--[if IE 9]>
	<link id="ie9style" href="css/ie9.css" rel="stylesheet">
	<![endif]-->

	<!-- start: Favicon -->
	<link rel="shortcut icon" href="img/favicon.ico">
	<!-- end: Favicon -->




</head>
<body>

<!-- start: JavaScript-->

<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery-migrate-1.0.0.min.js"></script>

<script src="js/jquery-ui-1.10.0.custom.min.js"></script>

<script src="js/jquery.ui.touch-punch.js"></script>

<script src="js/modernizr.js"></script>

<script src="js/bootstrap.min.js"></script>

<script src="js/jquery.cookie.js"></script>

<script src='js/fullcalendar.min.js'></script>

<script src='js/jquery.dataTables.min.js'></script>

<script src="js/excanvas.js"></script>
<script src="js/jquery.flot.js"></script>
<script src="js/jquery.flot.pie.js"></script>
<script src="js/jquery.flot.stack.js"></script>
<script src="js/jquery.flot.resize.min.js"></script>

<script src="js/jquery.chosen.min.js"></script>

<script src="js/jquery.uniform.min.js"></script>

<script src="js/jquery.cleditor.min.js"></script>

<script src="js/jquery.noty.js"></script>

<script src="js/jquery.elfinder.min.js"></script>

<script src="js/jquery.raty.min.js"></script>

<script src="js/jquery.iphone.toggle.js"></script>

<script src="js/jquery.uploadify-3.1.min.js"></script>

<script src="js/jquery.gritter.min.js"></script>

<script src="js/jquery.imagesloaded.js"></script>

<script src="js/jquery.masonry.min.js"></script>

<script src="js/jquery.knob.modified.js"></script>

<script src="js/jquery.sparkline.min.js"></script>

<script src="js/counter.js"></script>

<script src="js/retina.js"></script>

<script src="js/custom.js"></script>
<!-- end: JavaScript-->


<!-- start: Header -->
<%@include file="header.jsp"%>
<div class="container-fluid-full">
	<div class="row-fluid">

		<!-- start: Main Menu -->
		<%@include file="mainmenu.jsp"%>
		<!-- start: Content -->
		<div id="content" class="span10">
			<ul class="breadcrumb">
				<li><i class="icon-home"></i> <a href="index.html">主页</a> <i
						class="icon-angle-right"></i></li>
				<li><a href="#">任务情况</a></li>
			</ul>

			<div class="row-fluid">

				<div class="span3 statbox purple" onTablet="span6"
					 onDesktop="span3">
					<div class="boxchart">5,6,7,2,0,4,2,4,8,2,3,3,2</div>
					<div class="number">
						854<i class="icon-arrow-up"></i>
					</div>
					<div class="title">合计</div>
					<div class="footer">
						<a href="#"> 检测任务</a>
					</div>
				</div>
				<div class="span3 statbox green" onTablet="span6" onDesktop="span3">
					<div class="boxchart">1,2,6,4,0,8,2,4,5,3,1,7,5</div>
					<div class="number">
						123<i class="icon-arrow-up"></i>
					</div>
					<div class="title">合计</div>
					<div class="footer">
						<a href="#"> 维护任务</a>
					</div>
				</div>
				<div class="span3 statbox blue noMargin" onTablet="span6"
					 onDesktop="span3">
					<div class="boxchart">5,6,7,2,0,-4,-2,4,8,2,3,3,2</div>
					<div class="number">
						982<i class="icon-arrow-up"></i>
					</div>
					<div class="title">合计</div>
					<div class="footer">
						<a href="#"> 维修任务</a>
					</div>
				</div>
				<div class="span3 statbox yellow" onTablet="span6"
					 onDesktop="span3">
					<div class="boxchart">7,2,2,2,1,-4,-2,4,8,,0,3,3,5</div>
					<div class="number">
						678<i class="icon-arrow-down"></i>
					</div>
					<div class="title">合计</div>
					<div class="footer">
						<a href="#"> 月检测任务</a>
					</div>
				</div>
				<div class="span3 statbox red" onTablet="span6" onDesktop="span3"
					 style="margin-left: auto">
					<div class="boxchart">7,2,2,2,1,-4,-2,4,8,,0,3,3,5</div>
					<div class="number">
						678<i class="icon-arrow-down"></i>
					</div>
					<div class="title">合计</div>
					<div class="footer">
						<a href="#"> 日常其他任务</a>
					</div>
				</div>


			</div>

			<div class="row-fluid sortable">
				<div class="box span12">
					<div class="box-header" data-original-title>
						<h2>
							<i class="halflings-icon white edit"></i><span class="break"></span>今日任务
						</h2>
						<div class="box-icon">
							<a href="#" class="btn-setting"><i
									class="halflings-icon white wrench"></i></a> <a href="#"
																					class="btn-minimize"><i
								class="halflings-icon white chevron-up"></i></a> <a href="#"
																					class="btn-close"><i class="halflings-icon white remove"></i></a>
						</div>
					</div>
					<div class="box-content">
						<form class="form-horizontal" method="post" action="#">
							<fieldset>
								<label class="label-info">工作流程</label>
								<div class="control-group">
									<div class="controls" style="margin-left: auto">
										<label class="checkbox inline"> <input
												type="checkbox" id="inlineCheckbox1" value="option1">
											09:50 新建当日工作内容
										</label> <label class="checkbox inline"> <input
											type="checkbox" id="inlineCheckbox2" value="option2">
										10:00 后进入出勤人员出发
									</label> <label class="checkbox inline"> <input
											type="checkbox" id="inlineCheckbox3" value="option3">
										10:30 接收反馈单
									</label> <label class="checkbox inline"> <input
											type="checkbox" id="inlineCheckbox4" value="option3">
										制定未发电子员工
									</label>
									</div>
									<br>
									<div class="controls" style="margin-left: auto">
										<label class="checkbox inline"> <input
												type="checkbox" id="inlineCheckbox5" value="option1">
											14:30 询问早间任务完成情况
										</label> <label class="checkbox inline"> <input
											type="checkbox" id="inlineCheckbox6" value="option2">
										16:00 开始下午新任务收反馈单，并致电未发单子员工
									</label>
									</div>
									<br>
									<div class="controls" style="margin-left: auto">
										<label class="checkbox inline"> <input
												type="checkbox" id="inlineCheckbox7" value="option1">
											19:00 前将第二日任务新建完毕
										</label> <label class="checkbox inline"> <input
											type="checkbox" id="inlineCheckbox8" value="option2">
										19:00 前将第二日任务配发完毕
									</label>
									</div>
								</div>
								<br> <label class="label-warning">14:30前因某种原因工作停滞或特殊情况并给出解决办法：</label>
								<div class="control-group hidden-phone">
									<div class="controls" style="margin-left: auto">
										<textarea class="cleditor" id="textarea3" rows="3"></textarea>
									</div>
								</div>

								<label class="label-info">接单统计</label>

								<div class="control-group">
									<div class="controls" style="margin-left: auto">
										<label class="label"> 今日总接单数量:</label> <input
											class="input-mini focused" id="focusedInput1" type="number"
											value="0"> <label class="label"> 接电重复任务数量：</label> <input
											class="input-mini focused" id="focusedInput2" type="number"
											value="0"> <label class="label">
										今日接电新建安排任务数量：</label> <input class="input-mini focused"
																	 id="focusedInput3" type="number" value="0">
									</div>
								</div>

								<label class="label-info">任务列表</label>

								<div class="box-content">
									<table
											class="table table-striped table-bordered bootstrap-datatable datatable">
										<thead>
										<tr>
											<th>Username</th>
											<th>Date registered</th>
											<th>Role</th>
											<th>Status</th>
											<th>Actions</th>
										</tr>
										</thead>
										<tbody>
										<tr>
											<td>Dennis Ji</td>
											<td class="center">2012/01/01</td>
											<td class="center">Member</td>
											<td class="center"><span class="label label-success">Active</span>
											</td>
											<td class="center"><a class="btn btn-success" href="#">
												<i class="halflings-icon white zoom-in"></i>
											</a> <a class="btn btn-info" href="#"> <i
													class="halflings-icon white edit"></i>
											</a> <a class="btn btn-danger" href="#"> <i
													class="halflings-icon white trash"></i>
											</a></td>
										</tr>
										<tr>
											<td>Dennis Ji</td>
											<td class="center">2012/01/01</td>
											<td class="center">Member</td>
											<td class="center"><span class="label label-success">Active</span>
											</td>
											<td class="center"><a class="btn btn-success" href="#">
												<i class="halflings-icon white zoom-in"></i>
											</a> <a class="btn btn-info" href="#"> <i
													class="halflings-icon white edit"></i>
											</a> <a class="btn btn-danger" href="#"> <i
													class="halflings-icon white trash"></i>
											</a></td>
										</tr>
										<tr>
											<td>Dennis Ji</td>
											<td class="center">2012/01/01</td>
											<td class="center">Member</td>
											<td class="center"><span class="label label-success">Active</span>
											</td>
											<td class="center"><a class="btn btn-success" href="#">
												<i class="halflings-icon white zoom-in"></i>
											</a> <a class="btn btn-info" href="#"> <i
													class="halflings-icon white edit"></i>
											</a> <a class="btn btn-danger" href="#"> <i
													class="halflings-icon white trash"></i>
											</a></td>
											</td>
										</tr>
										<tr>
											<td>Dennis Ji</td>
											<td class="center">2012/01/01</td>
											<td class="center">Member</td>
											<td class="center"><span class="label label-success">Active</span>
											</td>
											<td class="center"><a class="btn btn-success" href="#">
												<i class="halflings-icon white zoom-in"></i>
											</a> <a class="btn btn-info" href="#"> <i
													class="halflings-icon white edit"></i>
											</a> <a class="btn btn-danger" href="#"> <i
													class="halflings-icon white trash"></i>
											</a></td>
										</tr>
										<tr>
											<td>Dennis Ji</td>
											<td class="center">2012/02/01</td>
											<td class="center">Staff</td>
											<td class="center"><span class="label label-important">Banned</span>
											</td>
											<td class="center"><a class="btn btn-success" href="#">
												<i class="halflings-icon white zoom-in"></i>
											</a> <a class="btn btn-info" href="#"> <i
													class="halflings-icon white edit"></i>
											</a> <a class="btn btn-danger" href="#"> <i
													class="halflings-icon white trash"></i>
											</a></td>
										</tr>
										<tr>
											<td>Dennis Ji</td>
											<td class="center">2012/02/01</td>
											<td class="center">Staff</td>
											<td class="center"><span class="label label-important">Banned</span>
											</td>
											<td class="center"><a class="btn btn-success" href="#">
												<i class="halflings-icon white zoom-in"></i>
											</a> <a class="btn btn-info" href="#"> <i
													class="halflings-icon white edit"></i>
											</a> <a class="btn btn-danger" href="#"> <i
													class="halflings-icon white trash"></i>
											</a></td>
										</tr>
										<tr>
											<td>Dennis Ji</td>
											<td class="center">2012/03/01</td>
											<td class="center">Member</td>
											<td class="center"><span class="label label-warning">Pending</span>
											</td>
											<td class="center"><a class="btn btn-success" href="#">
												<i class="halflings-icon white zoom-in"></i>
											</a> <a class="btn btn-info" href="#"> <i
													class="halflings-icon white edit"></i>
											</a> <a class="btn btn-danger" href="#"> <i
													class="halflings-icon white trash"></i>
											</a></td>
										</tr>
										<tr>
											<td>Dennis Ji</td>
											<td class="center">2012/03/01</td>
											<td class="center">Member</td>
											<td class="center"><span class="label label-warning">Pending</span>
											</td>
											<td class="center"><a class="btn btn-success" href="#">
												<i class="halflings-icon white zoom-in"></i>
											</a> <a class="btn btn-info" href="#"> <i
													class="halflings-icon white edit"></i>
											</a> <a class="btn btn-danger" href="#"> <i
													class="halflings-icon white trash"></i>
											</a></td>
										</tr>
										<tr>
											<td>Dennis Ji</td>
											<td class="center">2012/01/21</td>
											<td class="center">Staff</td>
											<td class="center"><span class="label label-success">Active</span>
											</td>
											<td class="center"><a class="btn btn-success" href="#">
												<i class="halflings-icon white zoom-in"></i>
											</a> <a class="btn btn-info" href="#"> <i
													class="halflings-icon white edit"></i>
											</a> <a class="btn btn-danger" href="#"> <i
													class="halflings-icon white trash"></i>
											</a></td>
										</tr>
										<tr>
											<td>Dennis Ji</td>
											<td class="center">2012/01/21</td>
											<td class="center">Staff</td>
											<td class="center"><span class="label label-success">Active</span>
											</td>
											<td class="center"><a class="btn btn-success" href="#">
												<i class="halflings-icon white zoom-in"></i>
											</a> <a class="btn btn-info" href="#"> <i
													class="halflings-icon white edit"></i>
											</a> <a class="btn btn-danger" href="#"> <i
													class="halflings-icon white trash"></i>
											</a></td>
										</tr>
										</tbody>
									</table>
								</div>

								<div class="form-actions">
									<button type="submit" class="btn btn-primary">保存</button>
									<button class="btn">关闭</button>
								</div>
							</fieldset>
						</form>

					</div>
				</div>
				<!--/span-->

			</div>

		</div>
		<!--/.fluid-container-->

		<!-- end: Content -->
	</div>
	<!--/#content.span10-->
</div>
<!--/fluid-row-->

<%@include file="footer.jsp"%>


</body>
</html>